<template>
<div class="all">
    <div class="head">
        <van-tabs v-model="active" title-active-color="#41C856" color="#41C856" size="13">
            <van-tab title="分类"></van-tab>
            <van-tab title="品牌"></van-tab>
        </van-tabs>
        <span class="iconfont icon-Fangdajing"></span>
    </div>
   
</div>
</template>

<script>
import Vue from 'vue';
import { Tab, Tabs } from 'vant';

Vue.use(Tab);
Vue.use(Tabs);
export default {
    data() {
    return {
      active: 2,
      list:[],
    };
  },
}

</script>

<style lang='stylus' scope>
body
    height 100%
    width 100%
    background-color #f3f4f5
.head
    width 100%
    background-color #fff
    height .4rem
    line-height .4rem
    display flex
    justify-content center
    align-items center
    position relative
    border-bottom .03rem solid #f0f0f0
.van-tab
    font-size .13rem
    margin 0 .18rem

.van-tabs__nav
    font-weight bold
    background rgba(255,255,255,0)
    

.van-tab--active
    font-weight bold

.iconfont
    font-size .2rem
    position absolute
    right .1rem
    color #333
</style>